<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/main.js"></script>
	<style type="text/css">
		* {
			padding: 0;
			margin: 0;
		}
		body{
			overflow-x: hidden;
		}
		#daohang{/*设置导航栏的框框*/
			width: 100%;/*框框的宽度*/
			height: 700px;/*框框的长度*/
			border:1px solid #888797;/*添加边框 */
			position:fixed;
			top:0;
		}
		li{
			list-style-type: none;/* 去掉li前的点 */
			float: left;/*将li设置成做浮动，变为联动*/
			width: 154px;/*设置块的宽度*/
			height: 50px;/*设置块的长度*/
		}
		#d1{
			width: 1250px;
			height: 50px;
			background-color: #eee2e6;
		}
		#d2{
			top: 51px;
			width: 154px;
			height: 700px;
			background-color: #d2bdc6;
		}
		a{
			display: block;/*将a变成块状*/
			line-height: 50px;/*设置字体在块中的高度*/
			background-color: #d2bdc6;
			color: #fff;
			text-align: center;/*字体居中*/
			text-decoration: none;/*去掉下划线*/
			font-size: 15px;
		}
		button{
			margin:  4px 31px;
			padding: 11px 32px;
			background-color: #d2bdc6;
			border: none;
			border-radius: 17px;
			color: #fff;
			text-align: center;
			/*font-size: 15px;*/
		}
		a:hover,button:hover{
			background-color: #bea0ac;
		}
	</style>
</head>
<body>
<div id="daohang">
	<div id="d1">
		<ul id="daohang1">
			<li><a href="">上岸云盘</a></li>
			<li><button>上传</button></li>
			<li><button>下载</button></li>
			<li><button>删除</button></li>
			<li><button>修改</button></li>
			<li><img src="/file/img/touxiang.jpg" width="40px"></li>
			<li><a href="">个人中心</a></li>
			<li><a href="">登出</a></li>
		</ul>
	</div>
	<div id="d2">
		<ul id="daohang2">
			<li><a href="">首页</a></li>
			<!-- <li><a href="">我的文件</a></li> -->
			<li><a href="${pageContext.request.contextPath}/view/image?userId=1">图片</a></li>
			<li><a href="${pageContext.request.contextPath}/view/music?userId=1">音乐</a></li>
			<li><a href="${pageContext.request.contextPath}/view/video?userId=1">视频</a></li>
			<li><a href="">我的分享</a></li>
			<li><a href="">回收站</a></li>
			<li><a href="">传输</a></li>
			<li><a href="">隐私空间</a></li>
		</ul>
	</div>
</div>
</body>

</html>
